<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- ZUI 标准版压缩后的 CSS 文件 -->
    <link rel="stylesheet" href="css/zui.min.css">
    <!-- ZUI Javascript 依赖 jQuery -->
    <script src="javascript/jquery-3.4.1.min.js"></script>
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="javascript/zui.min.js"></script>
    <link rel="stylesheet" href="css/cart.css">
    <script src="javascript/cart.js"></script>
</head>
<body>
    <div class="list list-condensed">
        <header>
          <h3><i class="icon-list-ul"></i> 购物车 <small>共 8 条</small></h3>
          <!--全选全不选-->
          <div class="select_div">
            <input type="radio" name="all" value="1" id="select_all"><label for="select_all">全选&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input type="radio" name="all" value="0" id="unselect_all" checked><label for="unselect_all">全不选</label>
          </div>
          <!--排序模块-->
          <div class="sort_div">
            <input type="radio" name="sort" value="price_sort" id="price_sort"><label for="price_sort">按价格排序&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input type="radio" name="sort" value="time_sort" id="time_sort" checked><label for="time_sort">按时间排序</label>
          </div>
        </header>
        <div class="items items-hover" id="item_hover">
          <div class="item" id="item">
          <!-- 自己的元素 -->
            <!--复选框-->
            <div class="checkbox_div"><input type="checkbox" id="item_checkbox" class="item_checkbox"></div>
            <!--商家名称-->
            <div class="store_name"><span>商家名称1</span></div>
            <!--分割线-->
            <div class="divide_line"></div>
            <!--商品图片-->
            <div class="goods_div"><image src="./img/1.jpg" class="goods_img"></image></div>
            <!--商品信息-->
            <div class="good_detail">TYPE-C母转圆口DC电源转接头方口笔记本电脑PD诱骗快充充电适配器</div>
            <!--时间-->
            <div class="time">2012.2.2</div>
            <!--商品价格-->
            <div class="price_div">
              <!--价格-->
              <span class="price">19.99</span>
              <!--按钮组-->
              <div style="display:block;">
                <button class="btn btn-success" data-op=0 id="sub1">-1</button>
                <textarea rows="1" cols="1" style="height: 32px;" id="text1"></textarea> 
                <button class="btn btn-success" data-op=1 id="add1">+1</button>
              </div>
            </div>
            <!--功能按钮组-->
            <div class="func_div">
              <!--按钮组-->
              <div style="display:block;">
                <button class="btn btn-lg btn-primary" id="delete">删除</button>
              </div>
            </div>

          </div>
        </div>
        <!--翻页-->
        <footer>
          <div class="pager" id="paper">
            <!-- <li class="previous" id="last_page"><a href="#">« 上一页</a></li> -->
            <!-- <li><a href="#">1</a></li>
            <li><a href="#">⋯</a></li>
            <li><a href="#">6</a></li>
            <li class="active"><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="#">⋯</a></li>
            <li><a href="#">12</a></li> -->
            <!-- <li class="next"  id="next_page"><a href="#">下一页 »</a></li> -->
          <div>
        </footer>
      </div>
      <!--结算-->
      <div class="money" id="money">
        <span class="price_sum_slogan">总价:</span>
        <span class="price_sum" id="price_sum">999</span>
        <button class="btn btn-lg btn-danger submit_button">提交订单</button>
      </div>
</body>
</html>